import ZwUnityKitDatePicker from '../../src/ZwUnityKitDatePicker/Index.vue';

import { reactive, ref } from 'vue';
// import app from "@storybook/vue3"
// More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
export default {
    title: 'Example/ZwUnityKitDatePicker',
    component: ZwUnityKitDatePicker,
    tags: ['autodocs'],
    argTypes: {
        modelValue: {
            control: { type: 'array' },
            type: { name: 'array', required: false },
            description: ''
        }
        // isLongTerm: {
        //     control: 'boolean',
        //     table: {
        //         type: { summary: 'boolean' },
        //         defaultValue: { summary: false }
        //     },
        //     description: '输入框是否禁用'
        // }
    }
};

const Template = args => ({
    components: { ZwUnityKitDatePicker },
    setup() {
        const value = ref([]);
        const isLong = ref(2);
        return { args, value, isLong };
    },
    template: `
        <ZwUnityKitDatePicker v-model="value" v-model:isLongTerm="isLong" />
    `
});

/**
 *  默认演示
 */
export const Default = Template.bind({});
